/**
* 功能描述：基础月份选择器样式表
* @author jin xiaohang
* @date 2022/9/22 8:44
*/


@import "src/style/mixins/index";

//布局相关
@include b(base-month-picker-layout){
  width: 280px;
  height: 300px;
  position: relative;

  //待选面板布局
  .#{$namespace}-base-month-picker-panel-layout{
    width: 280px;
    height: 92%;
    margin-top: 5px;
    position: absolute;
    z-index: 1050;
    box-shadow: 0 2px 8px #00000026;

    //待选面板头部布局
    .#{$namespace}-base-month-picker-panel-header-layout{
      width: 100%;
      height: 10%;
      position: relative;
      text-align: center;
    }

    //待选面板表格布局
    .#{$namespace}-base-month-picker-panel-table-layout{
      width: 100%;
      height: 90%;

      //待选面版表格主体布局
      .#{$namespace}-base-month-picker-month-table-layout{
        td{
          width: 70px;
          height: 70px;
          text-align: center;
        }
      }
    }
  }
}

//样式相关
@include b(base-month-picker-style){

  //待选面板表格主体样式
  .#{$namespace}-base-month-picker-month-table-style{
    background-color: #FFFFFF;
        td{
          cursor: pointer;

          //鼠标悬停
          &:hover{
            background-color: #F5F7FA;
            div>a{
              color: #40c9ff;
            }
          }
    }
  }

}